<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Conexi&oacute;n</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href='css/estiloprincipal.css ' rel='stylesheet'>
    <link rel="shortcut icon" href="img/user1_monitor.ico"/>
    <script type="text/javascript">
            function validarForm(formulario){
                
                if(formulario.usuario.value.length==0){
                    
                    formulario.usuario.focus();
                    alert('No has escrito usuario');
                    return false;
//                    var filter = /^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/;
//                    if(!filter.test(formulario.usuario)){
//                    formulario.usuario.focus();
//                    alert('E-mail incorrecto');
//                    return false;
//                } 
                }else if(formulario.password.value.length==0){
                    formulario.password.focus();
                    alert('No has escrito tu clave de acceso');
                    return false;
                } 
                return true;
            }          
        </script>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

  </head>

  <body>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            <a class="brand" href="#">Conexi&oacute;n</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="principal.php">Inicio</a></li>
              <li><a href="historia.php">Quienes somos</a></li>
              <li><a href="misionVision.php">Mision y Vision</a></li>
              <li><a href="productos.php">Productos</a></li>
            </ul>
              
            <form class="navbar-form pull-right" name="form1" method="POST" action="checklogin.php" onsubmit="return validarForm(this);">
               <table cellspacing="0">
              <tbody>
                  <tr>
                      <td><input class="span2" type="text" name="usuario" required placeholder="Usuario"> </td>
                       <td><input class="span2" type="password" name="password" required placeholder="Password"></td>
                       <td><button type="submit" class="btn btn-primary">Iniciar sesi&oacute;n</button></td>
                  <tr>
                      <td></td>
                      <td><a href="">Recuperar contraseña</a></td>
                  </tr>
               </tbody>
                </table>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span12">
          <div class="hero-unit">
              <h2>Conexi&oacute;n</h2>
              <h3>Venta de Articulos Tecnol&oacute;gicos</h3>
            <p></p>
            <p><a href="registrarUsuario.php" class="btn btn-primary btn-large">Registrarse</a></p>
          </div>
        </div><!--/span-->
      </div><!--/row-->

      <hr>
      <footer>
          <center><p>&copy; Conexi&oacute;n 2013</p></center>
      </footer>
    </div><!--/.fluid-container-->

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-alert.js"></script>
  </body>
</html>
